<script setup lang="ts">
import MapContainer from '../components/MapContainer.vue'
import CountyInfo from '../components/CountyInfo.vue'
import { useMapStore } from '../stores/mapStore'

const mapStore = useMapStore()
</script>

<template>
  <div class="map-view">
    <MapContainer />
    <CountyInfo 
      v-if="mapStore.selectedCounty" 
      :county="mapStore.selectedCounty" 
    />
  </div>
</template>

<style>
.map-view {
  position: relative;
  height: 100vh;
  width: 100vw;
}
</style>